import React from 'react'
import './system.css'

const System = () => {
    return (
        <div className="systemContainer">
            <ul>
                <li className="firstTitle"><span>编号</span><span>用户名</span><span>openID</span><span>注册时间</span><span>操作</span></li>
                <li>
                    <span>1</span><span>有点is</span><span>123456789</span><span>2021-11-3</span>
                    <span>  
                        <button>编辑</button>
                        <button>删除</button>
                    </span>
                </li>
                <li>
                    <span>100</span><span>有点is</span><span>234567890</span><span>2021-11-3</span>
                    <span>  
                        <button>编辑</button>
                        <button>删除</button>
                    </span>
                </li>           
            </ul>
            {/* 一页存九个数据 ,最多显示6页*/}
            <ul className='pages'>
                <li>pre</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>···</li>
                <li>next</li>
            </ul>
        </div>
    )
}

export default System
